<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>title</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/stylecl.css">
    <style>
    	body{
    		
    	}
    </style>
	
    <script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	
</head>
<body>


<div id='header' class="am-g am-topbar-fixed-top" >
	<div  onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height:14px;height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;">
		<h1>个人签证材料</h1>
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">

   </div>
</div>

<div class="am-g" style="margin-top: 50px">
	<div class="am-g" id="img">
		
	</div>
</div>

	
	
	<div class="am-u-sm-12" style="padding:15px;border-bottom:1px solid #d1e0e7;">
		<div class="title2" id="name"></div>
    	<div class="title3" id="validdate"></div>
    	<div id="staydate"></div>
    	<div id="workday"></div>
	</div>
	
	
	<div class="am-u-sm-12" style="border-bottom:1px solid #d1e0e7;" onclick="enterIntroduce(0);">
		<div class="am-u-sm-12" style="float: left;font-weight: bold;font-family:黑体;font-size: 18px;" id="suoxu">
    		所需材料
		</div> 
    	<div class="am-u-sm-12" style="float: left;font-size: 12px;" id="information">
    		
		</div>
		<span class="am-icon-angle-right am-icon-sm" style="float:right"></span> 
	</div>
	
	
	
	<div class="am-u-sm-12" style="border-bottom:1px solid #d1e0e7;margin-bottom: 50px;" onclick="enterIntroduce(1);">
		<div class="am-u-sm-12" style="text-align: left; font-family:黑体;font-weight:bold;font-size: 18px;" id="qianzheng">
    		签证服务须知
		</div> 
    	<div class="am-u-sm-12" style="text-align: left; font-size:12px;" id="description">
    		
		</div>
		<span class="am-icon-angle-right am-icon-sm" style="float:right"></span>
	</div>
	
	
	
	
</div>


<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default am-no-layout">
	<ul class="am-navbar-nav am-cf am-avg-sm-4" style="background:#ffaa43;color:white;"> 
		<li onclick="call();">
			<i class="am-icon-phone">
			</i>电话咨询
		</li>
  			|
		<li onclick="enterOrder();">
			立即预定
		</li>
	</ul>
</div>

	
</body>

<script type="text/javascript">
	var product;
	
	apiready = function(){
		product = api.pageParam.product;
		
		var img = product.img ? serviceUrl+product.img : 'images/top.jpg';
		$api.html($api.byId('img'), '<img src="'+img+'">');
		$api.html($api.byId('name'), product.name + '<span>￥'+product.marketprice+'</span>');
		$api.html($api.byId('validdate'), '有效期：' + product.validdate + '<span>￥'+product.price+'</span>');
		$api.html($api.byId('staydate'), '有效停留期：' + product.staydate);
		$api.html($api.byId('workday'), '所需工作日：' + product.workday);
		$api.html($api.byId('information'), product.information.substr(0, 10)+'...');
		$api.html($api.byId('description'), product.description.substr(0, 10)+'...');
	};
	
	function enterIntroduce(type){
		if(type == 0){
			openWin('jianjie_list', {'name':'所需材料', 'content':product.information});
		}
		else{
			openWin('jianjie_list', {'name':'签证服务须知', 'content':product.description});
		}
	}
	
	function call(){
		if(product.tel){
			api.call({type: 'tel_prompt', number: product.tel});
		}
	}
	
	function enterOrder(){
		openWin('yuding', {'product':product});
	}
	
</script>

</html>